<script lang="ts" setup>
import { Icon } from "@vicons/utils";
import { InfoOutlined } from "@vicons/material";

const props = defineProps<{
  payNote: string;
}>();
</script>

<template>
  <div class="mx-3 mt-5 p-3 rd-lg bg-white">
    <div class="flex justify-center items-center gap-1">
      <Icon size="22">
        <InfoOutlined />
      </Icon>
      <h1 class="text-center text-xl">购买须知</h1>
    </div>
    <div class="my-3">
      {{ props.payNote }}
    </div>
  </div>
</template>
